<template>
	<div class="mobile-header flex-r">
		<img class="l" src="@/assets/img/logo1.png" alt="">
		<div class="flex1 flex flex-end">
			<img v-show="showsider" style="width: 30px;height: 20px;margin-right: 20px;margin-top: 20px;" @click="ontab"
				src="@/assets/home/sanhang.png" alt="">
			<img v-show="!showsider" style="width: 20px;height: 20px;margin-right: 20px;margin-top: 20px;"
				@click="ontab" src="@/assets/home/cha.png" alt="">
		</div>
	</div>
</template>

<script lang="ts" setup>
	const emit = defineEmits(['ontab'])
	const {
		showsider
	} = defineProps({
		showsider: {
			type: Boolean,
			default: () => { }
		},
	})
	const ontab = async () => {
		emit('ontab', showsider)
	}
</script>

<style lang="scss" scoped>
	.mobile-header {
		width: 100%;
		height: 61px;
		background-color: #fff;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999;

		.l {
			width: 110px;
			height: 40px;
			margin-top: 10px;
		}
	}
</style>